<template>
  <div class="patListMainBk">
    <navTop :headTitle="headTitle" :showBack="showBack" :bkParam="bkParam"></navTop><!--  :bkParam="bkParam" @hideCurr="hideCurrTran($event)" -->
    <section class="np_content">
      <mt-field label="*姓名" placeholder="请输入姓名" v-model="patientInfo.patient_name"></mt-field>
      <mt-field label="*性别">
        <div class="choose_sex" style="width:50vw">
          <span class="choose_option">
            <i class="iconfont icon-dui" @click="chooseSex('m')" :class="{choosed: patientInfo.patient_sex == 'm'}"></i>
            <span>先生</span>
          </span>
          <span class="choose_option">
            <i class="iconfont icon-dui" @click="chooseSex('f')" :class="{choosed: patientInfo.patient_sex == 'f'}"></i>
            <span>女士</span>
          </span>
        </div>
      </mt-field>
      <mt-field label="出生日期" placeholder="请输入出生日期" type="date" v-model="patientInfo.patient_csrq"></mt-field>
      <mt-field label="身份证号码" placeholder="请输入身份证号码" v-model="patientInfo.card_num"></mt-field>
      <mt-field label="*手机号" placeholder="请输入手机号" type="tel" v-model="patientInfo.patient_mobile"></mt-field>
      <mt-field label="*医保类型">
        <div class="choose_sex">
          <span class="choose_option">
            <i class="iconfont icon-dui" @click="chooseType('gr')" :class="{choosed: patientInfo.payment_type_name == 'gr'}"></i>
            <span>无医保</span>
          </span>
          <span class="choose_option">
            <i class="iconfont icon-dui" @click="chooseType('yb')" :class="{choosed: patientInfo.payment_type_name == 'yb'}"></i>
            <span>有医保</span>
          </span>
        </div>
      </mt-field>
    </section>
    <section class="np_content">
      <mt-button size="large" type="primary" @click="saveEditPatient" style="position:fixed;bottom:0;width:100%">保存修改</mt-button>
    </section>
    <transition name="tipMove">
      <alert-tip :alertText="alertText" v-if="showAlert" @closeTip="closeTip"></alert-tip>
    </transition>
  </div>
</template>

<script>
import navTop from '~/components/common/navTop.vue';
import Vue from 'vue';
import vSelect from 'vue-select';
import alertTip from '~/components/common/alertTip';

Vue.component('v-select', vSelect);

export default {
  data() {
    return {
      alertText: '',
      showAlert: false,
      ts: this.newStore(),
      tq: this.getData(),
      reg: this.regular(),
      headTitle: '修改患者信息',
      showBack: true,
      bkParam: 'bk',
      type: 1,
      patientInfo: {
        patient_id: '',
        patient_name: '',
        patient_sex: '', // m男  f女
        patient_nl: '',
        patient_csrq: '', // 出生日期
        patient_mobile: '',
        patient_blhm: '',
        source_value: '', // fjjm-附近居民/pyjs-朋友介绍/ggxc-广告宣传/wxtg-微信推广/wbtg-微博推广/wj-万家APP/pahys-平安好医生/other-其他
        pati_source: '', // fjjm-附近居民/pyjs-朋友介绍/ggxc-广告宣传/wxtg-微信推广/wbtg-微博推广/wj-万家APP/pahys-平安好医生/other-其他
        alle_check: '', // n-无过敏史 y-有过敏史
        allergy: '', // qms-青霉素/ajhqms-氨基苄青霉素/lms-链霉素/knms-卡那霉素/tb-头孢/haxc-磺胺噻唑/plky-普鲁卡因/cxha-长效磺胺/ffxnm-复方新诺明/aspl-阿司匹林/blf-布洛芬/bbbt-苯巴比妥/lbq-氯丙嗪/hamd-磺胺嘧啶
        pasth_check: '', // n-无既往史 y-有既往史
        past_history: '', // gxb-冠心病/tnb-糖尿病/jk-甲亢/sxs-输血史/gy-肝炎/zqgkzz-支气管扩张症/zqgxc-支气管哮喘/fjh-肺结核
        card_type: '', // jmsfz-居民身份证/hz-护照/jmhkb-居民户口簿/jgz-军官证/jsz-驾驶证/gajmtxz-港澳居民通行证/twjmtxz-台湾居民通行证/csz-出生证/szsjmjkk-深圳市居民健康卡/qtfdyxzj-其他法定有效证件
        card_num: '', // 身证号
        introducer_name: '', // 介绍人
        payment_type_name: 'gr', // yb-医保/gr-个人
        email: '',
        nation: '', // 民族
        nationality: '', // 国籍
        occupational: '', // 职业
        marriage: '', // 是否已婚 y-已婚  n-未婚
        entity: '', // 单位名称
        abo_blood_group: '', // ABO血型
        rh_blood_group: '', // RH血型
        living_address: '', // 住址
        patient_pic_url: '', // 患者头像路径
        medicare: '', // 医保
        medicare_value: '', // 医保值
      },
      PATIENT_ID: '',
    };
  },
  components: {
    navTop, alertTip,
  },
  beforeCreate() {
  },
  created() {
    console.log(`------ 修改的病人ID：${this.$route.query.PATIENT_ID}`);
    this.PATIENT_ID = `${this.$route.query.PATIENT_ID}`;
    this.getPatInfo(`${this.PATIENT_ID}`);
  },
  mounted() {
  },
  methods: {
    // 编辑患者前获取患者信息
    getPatInfo(PATIENT_ID) {
      this.patientInfo.patient_id = `${PATIENT_ID}`;
      this.tq.getPatInfo(this.patientInfo).then((ts) => {
        if (ts.d.RESULT == '200') {
          console.log('---------- 更新患者信息，获取的患者内容 ----------');
          console.log(JSON.stringify(ts.d));
          // 初始化需要修改的患者信息
          const patData = ts.d.DATAOBJ.DATA;
          this.patientInfo.patient_id = patData[0].PATIENT_ID;
          this.patientInfo.patient_age = patData[0].PATIENT_AGE;
          this.patientInfo.patient_name = patData[0].PATIENT_NAME;
          this.patientInfo.patient_csrq = `${patData[0].PATIENT_CSRQ}`; // 出生日期
          this.patientInfo.patient_sex = patData[0].PATSEX;
          this.patientInfo.card_num = patData[0].CARD_NUM; // 身份证号
          this.patientInfo.patient_mobile = patData[0].PATIENT_MOBILE;
          this.patientInfo.payment_type_name = patData[0].PAYMENT_TYPE; // 有无医保
        } else {
          this.$messagebox('提示', `修改失败: ${ts.d.RESULTTEXT}`);
        }
      });
    },
    closeTip() {
      this.showAlert = false;
    },
    chooseSex(sex) {
      this.patientInfo.patient_sex = sex;
    },
    chooseType(type) {
      this.patientInfo.payment_type_name = type;
    },
    // 保存病人信息
    saveEditPatient() {
      if (!this.reg.IsPersonId(this.patientInfo.card_num)) {
        this.showAlert = true;
        this.alertText = '请正确输入身份证号';
        return;
      }
      if (!this.reg.IsMobile(this.patientInfo.patient_mobile)) {
        this.showAlert = true;
        this.alertText = '正确输入手机号';
        return;
      }
      this.tq.saveEditPatient(this.patientInfo).then((ts) => {
        if (ts.d.RESULT == '200') {
          this.$messagebox('提示', '修改成功');
          setTimeout(() => {
            this.$router.back(-1);
          }, 500);
        } else {
          this.$messagebox('提示', `修改失败: ${ts.d.RESULTTEXT}`);
        }
      });
    },
    // saveNewPatient() {
    //   if (!this.reg.IsPersonId(this.patientInfo.card_num)) {
    //     this.showAlert = true;
    //     this.alertText = '请正确输入身份证号';
    //     return;
    //   }
    //   if (!this.reg.IsMobile(this.patientInfo.patient_mobile)) {
    //     this.showAlert = true;
    //     this.alertText = '正确输入手机号';
    //     return;
    //   }
    //   const res = JSON.stringify({
    //     OTRequest: {
    //       VERSION: '1.0',
    //       TN: 'F27.APP.06.01',
    //       CLIENTID: 'YLAPP',
    //       RYBID: 'PAT',
    //       TOKEN: `${sessionStorage.getItem('rybToken') == null ? '' : sessionStorage.getItem('rybToken')}`,
    //       DATA: this.DATA,
    //       /*           {
    //         patient_name: `${this.patient_name}`,
    //         patient_sex: `${this.patient_sex}`,
    //         patient_nl: `${this.patient_nl}`,
    //         patient_csrq: `${this.patient_csrq}`, // 出生日期
    //         patient_mobile: `${this.patient_mobile}`,
    //         patient_blhm: '', // 病历号码
    //         source_value: `${this.patient_mobile}`, // fjjm-附近居民/pyjs-朋友介绍/ggxc-广告宣传/wxtg-微信推广/wbtg-微博推广/wj-万家APP/pahys-平安好医生/other-其他
    //         pati_source: '附近居民', // fjjm-附近居民/pyjs-朋友介绍/ggxc-广告宣传/wxtg-微信推广/wbtg-微博推广/wj-万家APP/pahys-平安好医生/other-其他
    //         alle_check: 'n', // n-无过敏史 y-有过敏史
    //         allergy: '无过敏史', // qms-青霉素/ajhqms-氨基苄青霉素/lms-链霉素/knms-卡那霉素/tb-头孢/haxc-磺胺噻唑/plky-普鲁卡因/cxha-长效磺胺/ffxnm-复方新诺明/aspl-阿司匹林/blf-布洛芬/bbbt-苯巴比妥/lbq-氯丙嗪/hamd-磺胺嘧啶
    //         pasth_check: 'n', // n-无既往史 y-有既往史
    //         past_history: '无既往史', // gxb-冠心病/tnb-糖尿病/jk-甲亢/sxs-输血史/gy-肝炎/zqgkzz-支气管扩张症/zqgxc-支气管哮喘/fjh-肺结核
    //         card_type: 'jmsfz', // jmsfz-居民身份证/hz-护照/jmhkb-居民户口簿/jgz-军官证/jsz-驾驶证/gajmtxz-港澳居民通行证/twjmtxz-台湾居民通行证/csz-出生证/szsjmjkk-深圳市居民健康卡/qtfdyxzj-其他法定有效证件
    //         card_num: '201201198401121214',
    //         introducer_name: '无', // 介绍人
    //         payment_type_name: 'yb', // yb-医保/gr-个人
    //         email: '18810251245@163.com',
    //         nation: '汉', // 民族
    //         nationality: '中国', // 国籍
    //         occupational: '项目经理', // 职业
    //         marriage: '已婚', // 是否已婚 y-已婚  n-未婚
    //         entity: '天津人易宝信息科技服务有限公司', // 单位名称
    //         abo_blood_group: 'B', // ABO血型
    //         rh_blood_group: 'm', // RH血型
    //         living_address: '武清', // 住址
    //         patient_pic_url: '', // 患者头像路径
    //         medicare: '', // 医保
    //         medicare_value: '', // 医保值
    //       }, */
    //     },
    //   });
    //   this.spost(this.ts, '/doctor/AppMainServlet.ap', {
    //     '': res,
    //   }).then((ts) => {
    //     // this.list.splice(0, 1);
    //     console.log(`保存新病人：${ts.d.RESULTTEXT}`);
    //     this.$emit('chgPatAdd', false);
    //     // 弹出提示，是否返回
    //   });
    // },
  },
};
</script>

<style lang="stylus">
.patListMainBk
    background #fff
.mint-field-other
    right 2rem
.np_content
    margin-top 2.5rem
    background #f1f1f1
    margin-bottom 2rem
.choose_sex {
  display: flex;
  line-height: 3rem;
}
.choose_option {
  color: #333;
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.iconfont{
  color:#ccc;
}
.choosed {
  color: #4cd964;
}

</style>

